<template>
	<div class="home">
		<div class="top">
			<div class="top-content">
				<img
					src="//s3.pstatp.com/toutiao/xitu_juejin_web/img/logo.a7995ad.svg"
				/>
				<Nav :defaultActive="1" :menu="menu"></Nav>

				<div class="search">
					<input type="text" />
				</div>

				<button>写文章</button>
				<button>登录</button>
			</div>
		</div>
	</div>
</template>

<script>
import Nav from '../components/Nav'

export default {
	name: 'home',
	components: {
		Nav
	},
	data() {
		return {
			menu: ['首页', '沸点', '话题', '小册', '活动']
		}
	},
}
</script>

<style lang="less" scoped>
.home {
	.top {
		display: flex;
		justify-content: center;
		.top-content {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 960px;
		}
	}
}
</style>